<template>
  <view class="container">
    <uni-nav-bar left-icon="back" title="提现记录" />
    <view class="record-list">
      <view v-for="item in records" :key="item.id" class="record-item">
        <text>日期: {{item.date}}</text>
        <text>金额: {{item.amount}}</text>
        <text>状态: {{item.status}}</text>
      </view>
      <view v-if="records.length === 0">暂无提现记录</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      records: []
    };
  },
  onLoad() {
    this.loadRecords();
  },
  methods: {
    async loadRecords() {
      // TODO: 调用API获取提现记录
      this.records = [
        {id: 1, date: '2023-01-01', amount: 100, status: '成功'}
      ];
    }
  }
}
</script>

<style>
.container { height: 100vh; }
.record-list { padding: 10px; }
.record-item { margin-bottom: 10px; border-bottom: 1px solid #eee; padding-bottom: 10px; }
</style>